<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#fff;} 
:-moz-placeholder { color:#fff;} 
::-moz-placeholder { color:#fff;}
:-ms-input-placeholder { color:#fff;} 

/*å¤´éƒ¨*/
.header { width:100%; height:100px; background:#fff; position:relative; z-index:999999;}
.header .logo { float:left; width:220px; height:65px; margin-top:17.5px; overflow:hidden;}
.header .logo img { display:block; height:100%;}

/*å¯¼èˆª*/
.nav { float:right; max-width:calc(100% - 220px);}
.nav li { float:left; max-width:115px; line-height:22px; text-align:center; padding:30px 0 26px 0; margin-left:30px; position:relative;}
.nav li::after { display:block; content:""; width:0; height:5px; margin:auto; background:#f0a955; position:absolute; bottom:0; left:0; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li a { display:block; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li a i { display:block; font-style:normal; font-size:12px; color:#999; text-transform:Uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li p { display:none; width:140px; position:absolute; left:-25px; top:100px;}
.nav .on::after { width:60%;}
.nav li:hover p { display:block;}
.nav li:hover p a,.nav .on p a { line-height:40px; font-size:14px; color:#fff; padding:0 5px; border-bottom:1px solid #e6a252; background:#f0a955;}
.nav li:hover p a:hover,.nav .on p a:hover { background:#e6a252;}

/*banner*/
.banner { width:100%; margin:0 auto;}
.banner .swiper-slide { width:100%;}
/*.banner .swiper-slide .msg { width:1200px; height:210px; color:#fff; margin:auto; position:absolute; top:35%; right:0; left:0;}
.banner .swiper-slide .msg h3 { line-height:80px; font-size:55px; letter-spacing:6px;}
.banner .swiper-slide .msg p { line-height:40px; font-size:22px; text-transform:Uppercase; filter:alpha(opacity=70); opacity:0.7;}
.banner .swiper-slide .msg a { display:block; width:150px; height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; margin-top:50px; border-radius:20px; background:#f0a955;}*/
.banner .swiper-slide img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:30px;}
.banner .swiper-pagination-bullet { width:13px; height:13px; margin:0 5px !important; border-radius:50%; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:relative;}
.banner .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1; background:#f0a955;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:50px; height:50px; border-radius:50%;}
.banner .swiper-button-prev::after,.banner .swiper-button-next::after { font-size:20px; color:#fff;} 
.banner .swiper-button-prev { left:10%;}
.banner .swiper-button-next { right:10%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { background:#f0a955;}

/*äºŒçº§banner*/
.banner_ej { width:100%; height:300px; margin:0 auto; background-position:center top; background-repeat:no-repeat; background-size:cover;}

/*å‹æƒ…é“¾æŽ¥*/
.link { width:100%; line-height:25px; padding:20px 0; background:#f0a955;}
.link span { font-size:18px; color:#fff; text-transform:Uppercase; margin-right:25px; padding-left:30px; background:url(../images/mld_12.png) no-repeat left center;}
.link a { font-size:16px; color:#fff; margin-right:25px;}

/*è„šéƒ¨*/
.footer { width:100%; background:#333;}
.footer a { color:#999;}
.footer a:hover { color:#ddd;}
.footer h3 { line-height:40px; font-weight:500; font-size:18px; color:#fff; padding-top:30px; margin-bottom:40px; position:relative;}
.footer h3::after { display:block; content:""; width:25px; height:2px; background:#999; position:absolute; left:0; bottom:-10px;}
.footer .lxwm { float:left; width:360px; height:320px; padding:0 60px 30px 0; border-right:1px solid #414141;}
.footer .lxwm p { line-height:30px; font-size:14px; color:#999; padding-left:35px; margin-bottom:15px; background-repeat:no-repeat; background-position:left 5px;}
.footer .lxwm .tel { background-image:url(../images/mld_13.png);}
.footer .lxwm .chz { background-image:url(../images/mld_14.png);}
.footer .lxwm .mail { background-image:url(../images/mld_15.png);}
.footer .lxwm .addrs { background-image:url(../images/mld_16.png);}
.footer .kjdh { float:left; width:230px; margin-left:75px;}
.footer .kjdh li { float:left; width:45%; padding-right:5%;}
.footer .kjdh li a { display:block; line-height:35px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .proy { width:140px; height:320px; margin-left:20px; padding:0 75px 30px 0; border-right:1px solid #414141;}
.footer .proy li { float:none; width:100%; padding-right:0;}
.footer .imgs { float:right; width:140px;}
.footer .imgs img { display:block; width:130px; height:130px; margin-top:45px; border:5px solid #fff;}
.footer .imgs p { width:100%; line-height:30px; font-size:14px; color:#999; text-align:center; margin-top:5px;}
.footer .copy { line-height:30px; font-size:14px; color:#999; padding:15px 0; border-top:1px solid #414141;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*å…¬å…±æ&nbsp;‡é¢˜*/
.tits { width:100%; padding:30px 0; text-align:center;}
.tits h3 { line-height:50px; font-size:36px; color:#333;}
.tits h3 b { color:#f0a955;}
.tits p { line-height:30px; font-size:16px; color:#999; text-transform:Uppercase;}

/*å…³äºŽæˆ‘ä»¬*/
.about { width:100%; padding:60px 0; background:url(../images/mld_01.jpg) no-repeat center top;}
.about .tits { text-align:left;}
.about .nr { width:940px;}
.about .nr .msg { width:100%; line-height:35px; font-size:14px; color:#666;}
.about .nr .more { display:block; width:75px; height:40px; line-height:40px; font-size:16px; color:#333; text-transform:Uppercase; margin:50px 0; padding-left:40px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .nr .more::after { display:block; content:""; width:35px; height:1px; margin:auto; background:#333; position:absolute; left:0; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .nr .more:hover { color:#f0a955; padding-left:75px;}
.about .nr .more:hover::after { width:70px; background:#f0a955;}
.about li { float:left; width:130px; text-align:center; margin-right:130px;}
.about li:last-child { margin-right:0;}
.about li i { display:block; width:80px; height:80px; margin:0 auto; border:1px solid #999; border-radius:50%; background-repeat:no-repeat; background-position:center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li .ab01 { background-image:url(../images/mld_02.png);}
.about li .ab02 { background-image:url(../images/mld_03.png);}
.about li .ab03 { background-image:url(../images/mld_04.png);}
.about li .ab04 { background-image:url(../images/mld_05.png);}
.about li h3 { line-height:30px; font-weight:500; font-size:16px; color:#4c4c4c; margin-top:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li p { font-size:14px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about li:hover i { border-color:#f0a955; transform:rotateY(360deg);}
.about li:hover .ab01 { background-image:url(../images/mld_02h.png);}
.about li:hover .ab02 { background-image:url(../images/mld_03h.png);}
.about li:hover .ab03 { background-image:url(../images/mld_04h.png);}
.about li:hover .ab04 { background-image:url(../images/mld_05h.png);}
.about li:hover h3,.about li:hover p { color:#f0a955;}

/*å…ˆè¿›æŠ€æœ¯*/
.technog { width:100%; padding:50px 0; background:url(../images/mld_06.jpg) no-repeat center top;}
.technog .tits h3,.technog .tits p { color:#fff;}
.technog li { float:left; width:calc(100% / 4); text-align:center; margin:40px 0;}
.technog li a { display:block; width:100%;}
.technog li .img { width:150px; height:150px; margin:0 auto 10px auto; padding:12px; border-radius:50%; overflow:hidden; background:rgba(255,255,255,0.3); position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.technog li .img img { display:block; width:70px; height:70px; padding:40px; border-radius:50%; background:#fff;}
.technog li h3 { line-height:50px; font-size:20px; color:#fff; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.technog li h3::after { display:block; content:""; width:20px; height:3px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:0;}
.technog li p { line-height:25px; font-size:16px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.technog li:hover .img { background:#f0a955;}

/*èµ„è®¯*/
.news { width:100%; padding:30px 0; overflow:hidden;}
.news .newimgs { float:left; width:590px; height:385px; margin-top:10px; overflow:hidden;}
.news .newimgs .swiper-slide { width:100%;}
.news .newimgs .swiper-slide a,.news .newimgs .swiper-slide img { display:block; width:590px; height:385px; position:relative;}
.news .newimgs .swiper-slide p { width:calc(70% - 15px); height:55px; line-height:55px; font-size:16px; color:#fff; padding:0 30% 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2;}
.news .newimgs .swiper-pagination-bullets { width:25%; text-align:right; left:auto; right:15px; bottom:20px;}
.news .newimgs .swiper-pagination-bullet { width:10px; height:10px; margin:0 10px !important; border-radius:50%; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.news .newimgs .swiper-pagination-bullet::after { display:block; content:""; width:20px; height:20px; margin:auto; border-radius:50%; filter:alpha(opacity=0); opacity:0; background:#fff; position:absolute; left:-5px; top:-5px;}
.news .newimgs .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1;}
.news .newimgs .swiper-pagination-bullet-active::after { filter:alpha(opacity=40); opacity:0.4;}
.news .comnews { float:right; width:575px; margin-top:10px;}
.news .comnews .top { width:100%; padding-bottom:15px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
.news .comnews .top a { display:block; width:100%;}
.news .comnews .top h3 { float:left; width:80%; height:30px; line-height:30px; font-weight:500; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .comnews .top h3 i { display:inline-block; font-style:normal; height:25px; line-height:25px; font-weight:500; font-size:14px; color:#fff; margin-right:15px; padding:0 20px; border-radius:4px; background:#f0a955;}
.news .comnews .top span { display:block; float:right; line-height:30px; font-size:16px; color:#999;}
.news .comnews .top p { line-height:25px; font-size:14px; color:#999; margin-top:10px;}
.news .comnews .top:hover h3 { color:#f0a955;}
.news .comnews li { line-height:45px; padding-left:15px; position:relative;}
.news .comnews li::after { display:block; content:""; width:5px; height:5px; background:#f0a955; position:absolute; left:0; top:21px;}
.news .comnews li a { float:left; width:80%; font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .comnews li span { float:right; font-size:16px; color:#999;}
.news .comnews li:hover a { color:#f0a955;}
.news .more { display:block; width:140px; height:40px; line-height:40px; font-size:16px; color:#f0a955; text-align:center; text-transform:Uppercase; margin:50px auto 20px auto; border:1px solid #f0a955; border-radius:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .more:hover { color:#fff; background:#f0a955;}

/*äº§å“é¢†åŸŸ*/
.product { width:100%; padding:25px 0 100px 0; background:url(../images/mld_11.jpg) repeat 0 0;}
.product li { float:left; width:580px; height:155px; margin:20px 40px 10px 0;}
.product li:nth-child(2n) { margin-right:0;}
.product li .img { float:left; width:390px; height:155px; overflow:hidden;}
.product li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product li h3 { float:right; width:190px; height:155px; line-height:30px; font-size:18px; color:#333; text-align:center; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.product li h3 p { display:table-cell; width:100px; height:155px; vertical-align:middle; padding:0 45px;}
.product li:hover .img img { transform:scale(1.1,1.1);}
.product li:hover h3 { color:#fff; background:#f0a955;}

/*************** å­é¡µå…¬ç”¨ *******************/
.fl { float:left;}
.fr { float:right;}
.bgs { background:url(../images/kd_23.png) no-repeat center bottom;}
.content { width:1200px; margin:0 auto; padding:40px 0; background:#fff; position:relative; z-index:2;}
.comtop { width:100%;}
.comtop .posit { padding:5px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f8f8f8;}
.comtop .posit p { line-height:30px; font-size:12px; color:#999;}
.comtop .posit p a { color:#999;}
.comtop .posit p a:hover { color:#f0a955;}
.comtop .posit .fl { padding-left:20px; background:url(../images/posit.png) no-repeat left center;}
.comtop .posit .fr { padding-right:25px; background:url(../images/back.png) no-repeat right 2px;}
.comtop .posit .fr a { color:#666;}
.catnav { padding:20px 0;}
.catnav h3 { float:left; line-height:30px; font-size:28px; color:#333; position:relative;}
.catnav h3::after { display:block; content:""; width:25px; height:2px; background:#f0a955; position:absolute; left:0; bottom:-15px;}
.catnav h3 b { display:block; line-height:22px; font-weight:500; font-size:16px; color:#f0a955; text-transform:Uppercase;}
.catnav ul { float:right; max-width:70%;}
.catnav li { float:left; height:35px; line-height:35px; margin:15px 0 0 20px; border:1px solid #eee; border-radius:4px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li::after { display:block; content:""; width:6px; height:6px; border:1px solid #bbb; border-radius:50%; position:absolute; left:18px; top:15px;}
.catnav li a { display:block; font-size:16px; color:#666; padding:0 20px 0 35px;}
.catnav li:hover,.catnav .on { border-color:#f0a955; background:#f0a955;}
.catnav li:hover::after,.catnav .on::after { border-color:#fff;}
.catnav li:hover a,.catnav .on a { color:#fff;}

/*è¯¦æƒ…é¡µå…¬ç”¨*/
.lh { line-height:35px; font-size:16px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.lh ul,.lh ol { padding:revert; padding-left:25px;}
.lh table { border-spacing:0px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.lh table td { text-align:center; vertical-align:middle; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.show_h3 { width:100%; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #eee;}
.show_h3 h3 { line-height:40px; font-size:28px; color:#333; position:relative;}
.show_h3 h3::after { display:block; content:""; width:25px; height:2px; background:#f0a955; position:absolute; left:0; bottom:-10px;}
.show_h3 p { line-height:30px; font-size:15px; color:#999; margin-top:25px;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#f0a955;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#f0a955; text-decoration:underline;}

/*åˆ†é¡µ*/
.scott { overflow:hidden; text-align:center; padding:15px 0; background:rgba(255,255,255,0.85);}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ddd; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0 15px; font-size:16px; color:#666; cursor:pointer;}
.scott li:hover a,.scott li:hover span { color:#f0a955;}
.scott .active { border-color:#f0a955; background:#f0a955;}
.scott .active:hover span,.scott .active span { color:#fff;}

/*ç®€ä»‹å•é¡µ*/
.abts { width:100%; padding:40px 0;}
.abts .img { float:left; width:605px; height:360px; margin:10px 65px 20px 0; position:relative;}
.abts .img::after { display:block; content:""; width:600px; height:350px; border:2px solid #f0a955; position:absolute; right:-20px; bottom:-20px; z-index:1;}
.abts .img img { display:block; width:100%; position:relative; z-index:2;}
.abts .tits { text-align:left; padding:0 0 10px 0;}
.culture { padding:30px 0 60px 0; background:url(../images/mld_11.jpg) repeat 0 0;}
.culture li { float:left; width:calc(50% - 80px); margin:20px 40px 20px 0; padding:20px 30px; background:#fff;}
.culture li:nth-child(2n) { margin-right:0;}
.culture li h3 { line-height:40px; font-weight:500; font-size:22px; color:#f0a955; padding-left:30px; position:relative;}
.culture li h3::after { display:block; content:""; width:1px; height:105px; background:#f0a955; position:absolute; left:0; top:10px;}
.culture li p { line-height:35px; font-size:16px; color:#666; padding-left:30px;}
.culture li span { display:block; line-height:22px; font-size:14px; color:#999; padding-left:30px;}
.culture .w100 { width:calc(100% - 60px); margin-right:0;}
.honnor { width:100%; padding:30px 0 50px 0;}
.honnor li { float:left; width:285px; text-align:center; margin:10px 20px 20px 0;}
.honnor li:nth-child(4n) { margin-right:0;}
.honnor li a { display:block; width:100%;}
.honnor li .img { display:table-cell; width:283px; height:198px; vertical-align:middle; border:1px solid #ddd; border-radius:4px; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honnor li .img::before,.honnor li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.honnor li .img::before { width:0%; height:100%; background:rgba(240,169,85,0.8); top:0; z-index:0;}
.honnor li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.honnor li .img img { display:inline-block; max-width:90%; height:90%;}
.honnor li p { line-height:30px; font-size:16px; color:#333; margin-top:15px;}
.honnor li:hover .img { border-color:#f0a955;}
.honnor li:hover .img::before { width:100%;}
.honnor li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.honnor li:hover p { color:#f0a955;}
#zoom { z-index:99990; position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#zoom .content { z-index:99991; position:absolute; top:50%; left:50%; width:200px; height:200px; background:#fff no-repeat 50% 50%; padding:0; margin:-100px 0 0 -100px; box-shadow:-20px 20px 20px rgba(0,0,0,.3); border-radius:4px;}
#zoom .content.loading { background-image:url(../images/loading.gif);}
#zoom img { display:block; max-width:none; background:#ececec; box-shadow:0 1px 3px rgba(0,0,0,.25); border-radius:4px;}
#zoom .close { z-index:99993; position:absolute; top:0; right:0; width:49px; height:49px; cursor:pointer; background:transparent url(../images/close.png) no-repeat 50% 50%; opacity:1; filter:alpha(opacity=100); border-radius:0 0 0 4px;}
#zoom .next,#zoom .previous { z-index:99992; position:absolute; top:50%; overflow:hidden; display:block; width:49px; height:49px; margin-top:-25px;}
#zoom .previous { left:0; background:url(../images/arrows.png) no-repeat 0 0; border-radius:0 4px 4px 0;}
#zoom .next { right:0; background:url(../images/arrows.png) no-repeat 100% 0; border-radius:4px 0 0 4px;}
#zoom .next:hover,#zoom .previous:hover { background-color:#f0a955;}
.history { width:100%; padding:40px 0; background:#fafafa; position:relative;}
.history::after { display:block; content:""; width:1px; height:calc(100% - 190px); margin:auto; background:#f0a955; position:absolute; left:0; right:0; top:190px;}
.history li { /*display:inline-block;*/ width:500px; margin-bottom:50px; padding:25px; border-radius:4px; box-shadow:0 5px 10px rgba(0,0,0,0.05); background:#fff; position:relative; z-index:2;}
.history li:nth-child(2) { margin-top:75px;}
.history li::before,.history li::after { display:block; content:""; position:absolute;}
.history li::before { width:9px; height:9px; border:6px solid #f0a955; border-radius:50%; background:#fff; top:35px;}
.history li::after { width:0; height:0; border-style:solid; top:35px;}
.history li:nth-child(2n-1) { float:left; margin-right:95px;}
.history li:nth-child(2n-1)::before { right:-60px;}
.history li:nth-child(2n-1)::after { border-width:10px 0 10px 15px; border-color:transparent transparent transparent #fff; right:-15px;}
.history li:nth-child(2n) { float:right;}
.history li:nth-child(2n)::before { left:-61px;}
.history li:nth-child(2n)::after { border-width:10px 15px 10px 0; border-color:transparent #fff transparent transparent; left:-15px;}
.history li h3 { line-height:30px; font-weight:500; font-size:14px; color:#333; margin-bottom:10px;}
.history li h3 i { display:inline-block; font-weight:bold; font-size:24px; color:#f0a955; margin-right:5px; position:relative; top:1px;}
.history li .lh { line-height:30px; font-size:15px;}

/*æ–°é—»åˆ—è¡¨*/
.newlist { width:100%;}
.newlist li { margin-bottom:20px; padding:20px; border:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:245px; height:160px; border-radius:2px; overflow:hidden;}
.newlist li .img img { display:block; max-width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:calc(100% - 265px);}
.newlist li .msg h3 { line-height:45px; font-weight:500; font-size:20px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:50px; line-height:25px; font-size:14px; color:#999; margin:5px 0 15px 0; overflow:hidden;}
.newlist li .msg span { display:inline-block; line-height:30px; font-size:14px; color:#bbb; padding-left:25px; background:url(../images/time.png) no-repeat left 6px;}
.newlist li:hover { background:#fcfcfc;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover h3 { color:#f0a955;}

/*å…šå»º*/
.party { width:100%; padding:40px 0; background:#fff4e2 url(../images/mld_17.jpg) no-repeat center top;}
.party h1 { line-height:180px; font-size:70px; color:#fff; text-align:center; letter-spacing:20px; text-shadow:4px 4px 0 rgba(0,0,0,0.25); margin-bottom:20px;}
.party .newlist { width:calc(100% - 80px); margin:0 auto;}

/*å›¾ç‰‡åˆ—è¡¨*/
.piclist { width:100%;}
.piclist li { float:left; width:380px; text-align:center; margin:0 30px 30px 0;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:368px; height:258px; padding:5px; border:1px solid #e6e6e6; border-radius:4px; overflow:hidden; position:relative;}
.piclist li .img::before,.piclist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .img::before { width:0%; height:100%; background:rgba(240,169,85,0.8); top:0; z-index:0;}
.piclist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.piclist li .img img { display:block; width:100%;}
.piclist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin:15px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { height:45px; line-height:22px; font-size:12px; color:#999;}
.piclist li:hover .img::before { width:100%;}
.piclist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.piclist li:hover h3 { color:#f0a955;}

/*é¢†åŸŸåˆ—è¡¨*/
.arelist { width:100%;}
.arelist li { margin-top:20px; padding:15px; border-radius:10px; overflow:hidden; background:#f9f9f9;}
.arelist li .img { width:510px; height:205px; border-radius:4px; overflow:hidden;}
.arelist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.arelist li .msg { width:580px; padding:10px 40px;}
.arelist li .msg h3 { width:100%; line-height:40px; font-weight:500; font-size:28px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .8s ease; transition:all .8s ease;}
.arelist li .msg p { line-height:30px; font-size:14px; color:#808080; margin:10px 0 30px 0;}
.arelist li .msg a { display:block; width:145px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; border:1px solid #d9d9d9; border-radius:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.arelist li:hover .img img { transform:scale(1.1,1.1);}
.arelist li:hover a { color:#fff; border-color:#f0a955; border-radius:4px; background:#f0a955;}
.arelist li:nth-child(2n-1) .img,.arelist li:nth-child(2n) .msg { float:left;}
.arelist li:nth-child(2n-1) .msg,.arelist li:nth-child(2n) .img { float:right;}

/*é¢†åŸŸè¯¦æƒ…*/
.aremb80 { padding:50px 0;}
.arebg { background:#fafafa;}
.areh3 { line-height:40px; font-size:28px; color:#333; padding-bottom:30px; margin-bottom:10px; position:relative;}
.areh3::after { display:block; content:""; width:25px; height:2px; background:#f0a955; position:absolute; left:0; bottom:20px;}
.aretop { width:100%;}
.aretop .msg { float:left; width:580px; line-height:35px; font-size:16px; color:#666; margin-top:10px;}
.aretop .img { float:right; width:510px; height:205px; border-radius:4px; overflow:hidden;}
.aretop .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}

/*äº§å“åˆ—è¡¨*/
.prolist { width:100%;}
.prolist li { width:100%; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:510px; height:205px; border:1px solid #e6e6e6; border-radius:4px; overflow:hidden; background:#fff; position:relative;}
.prolist li .img p { display:table-cell; width:510px; height:205px; text-align:center; vertical-align:middle; overflow:hidden;}
.prolist li .img img { display:inline-block; max-width:100%; height:100%; margin:0 auto;}
.prolist li .msg { width:calc(100% - 550px);}
.prolist li .msg h3 { line-height:45px; font-weight:600; font-size:24px; color:#000; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg a { display:block; width:145px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; margin-top:20px; border:1px solid #d9d9d9; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover .img { border-color:#f0a955;}
.prolist li:hover .msg h3 { color:#f0a955;}
.prolist li:hover .msg a { color:#fff; border-color:#f0a955; background:#f0a955;}
.prolist li:nth-child(2n-1) .img,.prolist li:nth-child(2n) .msg { float:left;}
.prolist li:nth-child(2n-1) .msg,.prolist li:nth-child(2n) .img { float:right;}

/*æ‹›è˜*/
.jobs { width:100%;}
.jobs .topmsg { width:100%; margin-bottom:40px;}
.jobs .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:20px 30px; background:#f0a955;}
.jobs .topmsg .lft h3 { font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.jobs .topmsg .lft p { font-size:24px; letter-spacing:7px;}
.jobs .topmsg .rgt { float:right; width:770px; line-height:30px; font-size:14px; color:#666; padding:16.5px 50px; background:#f8f8f8;}
.jobs .list { width:100%;}
.jobs .list li { margin-bottom:10px; background:#f8f8f8;}
.jobs .list li .lst { padding:15px 20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst h3 { line-height:40px; font-size:18px; color:#333;}
.jobs .list li .lst span { display:block; float:left; width:calc(100% / 4); line-height:30px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .list li .lst a { display:block; width:40px; height:40px; position:absolute; top:33px; right:20px; z-index:1;}
.jobs .list li .lst a::before,.jobs .list li .lst a::after { display:block; content:""; margin:auto; background:#999; position:absolute; top:0; right:0; bottom:0; left:0;}
.jobs .list li .lst a::before { width:1px; height:100%;}
.jobs .list li .lst a::after { width:100%; height:1px;}
.jobs .list li .msg { display:none; padding:15px 20px;}
.jobs .list li.on .lst { background:#f0a955;}
.jobs .list li.on .lst h3,.jobs .list li.on .lst span { color:#fff;}
.jobs .list li.on .lst a::before { display:none;}
.jobs .list li.on .lst a::after { background:#fff;}
.jobs .list li.on .msg { display:block;}
.jobs .list li.on .msg .lh { margin-bottom:15px;}
.jobs .list li.on .msg .lh h3 { font-size:16px; color:#f0a955;}

/*è”ç³»æˆ‘ä»¬*/
.contact { width:100%;}
.contact .lft { float:left; width:60%;}
.contact .lft h1 { line-height:35px; font-weight:500; font-size:22px; color:#000; margin-bottom:15px;}
.contact .lft p { font-size:14px; color:#666; line-height:30px;}
.contact .rgt { float:right; width:310px; text-align:center; padding:10px; overflow:hidden; background:#f0a955;}
.contact .rgt img { display:block; float:left; width:130px; height:130px;}
.contact .rgt h3 { float:left; width:150px; height:52px; line-height:30px; font-size:18px; color:#fff; padding:39px 15px; background:#e6a252;}
.contact .rgt h3 span { display:block; line-height:22px; font-weight:500; font-size:12px; color:#fff;}
.contact .map { width:100%; padding-top:30px; border-top:1px solid #eee; overflow:hidden;}
.gtbook { padding:40px; margin:30px auto; background:#e6a252;}
.gtbook h3 { line-height:45px; font-weight:500; font-size:36px; color:#fff; text-transform:Uppercase; text-align:center; margin-bottom:30px;}
.gtbook h3 i { font-style:normal; font-size:22px; margin-left:10px; position:relative; top:-3px;}
.gtbook li { float:left; width:calc(100% / 3 - 22px); margin:0 10px 20px 10px; border:1px solid rgba(255,255,255,0.6);}
.gtbook li label { display:block; float:left; width:88px; line-height:40px; font-size:15px; color:#fff; text-align:center;}
.gtbook li input,.gtbook li textarea { display:block; float:left; width:calc(100% - 110px); font-size:15px; color:#fff; border:none; border-left:1px solid rgba(255,255,255,0.6); outline:none; background:none;}
.gtbook li input { height:40px; line-height:40px; padding:0 10px;}
.gtbook li textarea { font-family:Microsoft YAHEI; line-height:25px; padding:8px 10px;}
.gtbook .w100 { width:calc(100% - 22px);}
.gtbook .yzm input { width:calc(100% - 243px);}
.gtbook .yzm img { display:block; float:right; width:110px; height:36px; margin:2px; background:#fff;}
.gtbook .btn { width:200px; margin-bottom:0; border:none;}
.gtbook .btn input { width:100%; height:45px; line-height:45px; font-weight:bold; font-size:16px; color:#fff; text-align:center; letter-spacing:2px; padding:0; border:none; background:#773b1f;}

/*å…ˆè¿›æŠ€æœ¯å•é¡µ*/
.tcnolg1 { width:100%; padding:20px 0 50px 0;}
.tcnolg1 li { float:left; width:610px; margin:20px 45px 0 0; padding:20px 30px; border:1px solid #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tcnolg1 li:last-child { width:420px; margin-right:0;}
.tcnolg1 li h3 { line-height:40px; font-weight:500; font-size:22px; color:#333; padding-left:20px; margin-bottom:10px; position:relative;}
.tcnolg1 li h3::after { display:block; content:""; width:5px; height:25px; background:#f0a955; position:absolute; left:0px; top:8px;}
.tcnolg1 li p { line-height:30px; font-size:16px; color:#999;}
.tcnolg1 li:hover { border-color:#f0a955; box-shadow:0 5px 10px rgba(240,169,85,0.2);}
.tcnolg2 { width:100%; padding:20px 0 50px 0; background:#fafafa;}
.tcnolg2 li { float:left; width:360px; margin:15px 27px 15px 0; padding:10px; border:1px solid #f4f4f4; background:#fff; position:relative;}
.tcnolg2 li:nth-child(3n) { margin-right:0;}
.tcnolg2 li img { display:block; float:left; width:125px; height:150px;}
.tcnolg2 li h3 { float:right; width:calc(100% - 135px); line-height:30px; font-size:16px; color:#333; text-align:center; background:#fafafa;}
.tcnolg2 li h3 p { display:table-cell; width:213px; height:150px; vertical-align:middle; padding:0 20px;}
.tcnolg2 li .msg { width:330px; height:0; color:#fff; margin:auto; padding:0 25px; overflow:hidden; background:#f0a955; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tcnolg2 li .msg b { display:block; line-height:25px; font-size:15px; margin-bottom:10px;}
.tcnolg2 li .msg p { line-height:22px; font-size:12px;}
.tcnolg2 li:hover .msg { height:130px; padding:20px 25px;}
.tcnolg3 { width:100%; padding:20px 0 50px 0;}
.tcnolg3 img { display:block; max-width:100%; margin:0 auto;}
.tcnolgbg { background:url(../images/mld_11.jpg) repeat 0 0;}

/*å˜æ›´é€šçŸ¥å¼¹æ¡†*/
.bgtank { width: 800px; height: 555px; margin: auto; box-shadow: 0 10px 60px rgba(0,0,0,0.25); border-radius: 10px; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
.bgtank .close { width: 45px; height: 35px; line-height: 30px; text-align: center; border-radius: 0 10px 0 10px; overflow: hidden; background: #ff4500; position: absolute; right: 0; top: 0; z-index: 2;}
.bgtank .close i { display: block; height: 35px; line-height: 30px; font-style: normal; font-size: 26px; color: #fff; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.bgtank .msg { padding: 40px 50px;}
.bgtank .msg h3 { line-height: 50px; font-size: 26px; color: #333; text-align: center; margin: 10px 0;}
.bgtank .msg p { line-height: 35px; font-size: 16px; color: #333; text-align: justify; text-indent: 2em;}
.bgtank .msg .txrt { text-indent: 0; text-align: right;}
.bgtank .msg .martop { margin-top: 20px;}</pre></body></html>